<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/reset.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/styles.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/plugin/css/jquery-ui.css" />

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/schedule.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/common.js"></script>

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/plugin/js/jquery-ui.js"></script>

<script type="text/javascript">

	  function executeAndSubmit(){	    
       
	    document.forms[1].submit();
	}
	
</script>

<form:form action="${pageContext.request.contextPath}/usr/course" commandName="createCourseScheduleForm"
	method="POST" id="createCourseScheduleForm">
	
	<form:hidden path="action" />
    <form:hidden path="courseId" />	

	<div class="right-area">
		<div class="left-arrow">
			<img src="${pageContext.request.contextPath}/images/arrow-left.png"
				width="11" height="16" alt="" />
		</div>
		<div class="container">
			<div class="content forms">

				<form id="requester-course" name="requester_course" method="post">
					<div class="three-column-work-area">
						<table class="steps" cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td width="29%" class="num"><div class="num">1</div>
									Overview &gt;&gt;</td>
								<td width="47%"><div class="num">2</div> Agenda &amp;
									Trainer Details &gt;&gt;</td>
								<td width="24%" class="active"><div class="num">3</div> Schedule</td>
							</tr>
						</table>
						<h1>Overview</h1>
						<div class="forms-fields">
							<div class="input">
								<label>Course Fees:</label>								
								<form:input path="fees" id="fees" cssClass="lft-inbox"/>
               			        <span class="errortxt"><form:errors path="fees" /></span>
							</div>
							<div class="input">
								<label>Total Seats:</label>								
								<form:input path="totalSeats" id="totalSeats"/>
               			        <span class="errortxt"><form:errors path="totalSeats" /></span>
							</div>
							<div class="input">
								<label>Course Type:</label>								 
								 <form:radiobutton path="trainingType" value="1" id="online"/> <span>Online</span>
                				 <form:radiobutton path="trainingType" value="2" id="onsite"/> <span>Onsite</span>               					  
							</div>
							<div id="onsite-det">
							 <div class="input">
								<label>Location:</label>								
								<form:select path="locationId" id="sub_group">
									<form:options items="${locationsMap}" />
								</form:select>
								<span class="errortxt"><form:errors path="locationId" /></span>
							 </div>
							</div>
							<div class="input">
								<label>Date From:</label>
								<form:input path="stDate" id="datefrom" cssClass="lft-inbox" />
               			        <span class="errortxt"><form:errors path="stDate" /></span>
               			        <label class="second">To:</label>
               			        <form:input path="endDate" id="dateto" cssClass="rgt-inbox" />
               			        <span class="errortxt"><form:errors path="endDate" /></span>
							</div>
							<div class="input">
								<label>Time From:</label>
								<form:input path="stTime" id="stTime" cssClass="lft-inbox" />
               			        <span class="errortxt"><form:errors path="stTime" /></span>
               			        <label class="second">To:</label>
               			        <form:input path="endTime" id="endTime" cssClass="rgt-inbox" />
               			        <span class="errortxt"><form:errors path="endTime" /></span>
							</div>
							
							<div class="submit">
								<a href="javascript:executeAndSubmit()" class="btn next">Schedule
									&gt;&gt;</a>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="banner">
			<img src="${pageContext.request.contextPath}/images/ShakeOut_BannerAds_GetReady_160x600_v8.gif"
				width="161" height="600" alt="" />
		</div>
	</div>
	<!-- Right Area -->


</form:form>